page .uni-data-checklist .checklist-group {
  justify-content: space-between;
  .checklist-box {
    margin-right: 15px;
    &:last-child {
      margin-right: 0;
    }
  }
}
.align-right .uni-easyinput {
  text-align: right;
}

input {
  display: block;
  width: 100%;
}
.page-bottom-btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: $primary;
  color: $white;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  font-size: $font-size-4;
}

.checkbox-item {
  display: flex;
  align-items: center;
  .like-checkbox + .checkbox-label {
    margin-left: 10rpx;
    color: $text-base;
    font-size: $font-size-1;
  }
  .like-checkbox.active + .checkbox-label {
    color: $primary;
  }
}

@mixin input-select-box {
  position: relative;
  width: 32rpx;
  height: 32rpx;
  background-color: $white;
  border: 2rpx solid $border-base;
  &:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 2rpx;
    left: 10rpx;
    height: 16rpx;
    width: 8rpx;
    border-right-width: 2rpx;
    border-right-color: #fff;
    border-right-style: solid;
    border-bottom-width: 2rpx;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    opacity: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    transform: rotate(45deg);
  }
  &:after {
    content: '';
    position: absolute;
    left: -10rpx;
    right: -10rpx;
    top: -10rpx;
    bottom: -10rpx;
  }
  &.active {
    border-color: $primary;
    background-color: $primary;
    &:before {
      opacity: 1;
    }
  }
}

.like-radio {
  @include input-select-box;
  border-radius: 50%;
}
.radio-item {
  display: flex;
  align-items: center;
  .like-radio + .radio-label {
    margin-left: 10rpx;
    color: $text-base;
    font-size: $font-size-1;
  }
  .like-radio.active + .radio-label {
    color: $primary;
  }
}
.like-checkbox {
  @include input-select-box;
  border-radius: 8rpx;
}
@mixin section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: 26rpx;
    font-size: $font-size-5;
    &:before {
      position: absolute;
      left: 0;
      display: block;
      content: ' ';
      width: 6rpx;
      height: 30rpx;
      background-color: $primary;
      border-radius: 3rpx;
    }
  }
}
.disabled-layer {
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, .4);
}
.uni-select {
  uni-icons {
    margin-left: 10rpx;
  }
}
